在問卷中，有時我們會希望在題目之間增加一些說明，告知填答者後續題目的詢問內容，或提示相關定義。此時，我們就會用到提示(Alert)視窗。在之前Limesurve...
確認視窗的第二彈來啦！在之前的「Limesurvey進階應用」系列中，我們利用javascript內建的confirm功能做了彈出確認視窗，可參考Limesur...
帶有文字欄位的複選題並不常見，但可應用於較複雜的特殊情形。由於系統預設的情況是每個選項後面都會連帶一個文字欄位（類似以下的情形）。而實際的情形下，並非每個選項都...
Limesurvey中的multiple numerical input題性，是一個可以在題目中設定多個數值欄位的題型，這些數值欄位稱為子題(subquesti...
有時，當填答者選擇某些情境時，我們可能會希望對受訪者進行提示，這個時候我們就可以加入一個提醒視窗，讓填答者注意到我們的說明。在這篇文章中，我們將用javascr...
推薦使用js-cookie js-cookie 環境配置 CDN 或 套件命令 npm i js-cookie 語法 儲存 Cookies.set...
單選題是問卷調查中最普遍的題型。除了一般固定的選項，有時我們也會希望加上一個選項「其他」，並在後面開一個文字欄位，讓填答者可以自由輸入他的答案。Limesurv...
localStorage MDN文件 語法: 儲存 localStorage.setItem("myCat", "Tom&...
多重數值題（multiple numerical input）一般較少使用，主要是用在一題當中要填多個數字的情形。Limesurvey預設的介面中，可以設定填寫...
Axios環境設定 套件連結 CDN 套件指令安裝Using npm: $ npm install axiosUsing bower: $ bower in...
fetch 串 PokeAPI fetch("https://pokeapi.co/api/v2/pokemon/ditto")...
第三方套件 lodash // 使用 lodash 的 cloneDeep 方法進行深拷貝 const obj2 = _.cloneDe...
情境說明 複選題時問卷調查中常見的題型。但有時候，我們並不希望填答者這可以隨意勾選，有些選項是不可能同時存在的，因此我們就必須設定這些選項互斥（不可同時勾選）。...
淺拷貝方法 slice 展開運算子[...] Object.assign <!DOCTYPE html> <html lang="...
題組題或稱陣列題（Array）也是常見的一種題型。我們常將類似的問題設計成一個題組一起詢問。通常，這類題目只能設定相同的選項。但若某幾個子題並不是用特定選項時，...
concat 方法 被用來合併兩個或多個陣列。此方法不會改變現有的陣列，回傳一個包含呼叫者陣列本身的值，作為代替的是回傳一個新陣列 //.合併兩個陣列並去除重複...
設計情境 在設計問卷時，設計一個文字框，請填答者輸入數字或文字是很常見的題型。對於數字輸入，我們最擔心的就是胖手指問題，多一個0，少一個0都嚴重影響資料的正確性...
reduce 方法將一個累加器及陣列中每項元素（由左至右）傳入回呼函式，將陣列化為單一值。 const people = [ { name: "...
Filter 篩選資料 const scoreData = [55, 60, 67, 82, 45, 90, 58]; // filter方法 const...
引言 在現代的網頁應用中，滑鼠和觸控的互動是增強用戶體驗的關鍵因素。無論是拖曳、縮放，還是手勢操作，都能讓網頁更加生動且易於操作。這篇文章將探討如何通過滑鼠和觸...
forEach <!DOCTYPE html> <html lang="en"> <head>...
pop 刪除陣列末端的最後一個資料 shift 刪除陣列的第一個資料 Arr = []; 清除陣列所有資料 <!DOCTYPE html> <...
這是我第一次參與鐵人賽，很感動終於完成啦🥳！ 系列文總結 文章回顧 先來回顧一下此次系列文包含的主題： [Day 01] 系列文動機與大綱 Desig...
push 新增陣列新元素至陣列後方 unshift 新增陣列新元素至陣列前方 <!DOCTYPE html> <html lang="...
Day 30 完賽感言 這個系列的最後一天，就容許均民來隨意記錄一下從去年至今發生的一些瑣事吧。 JS SDK 的網站被致敬了 均民在偶然之下，發現有一個中國的...
用一點動態魔法讓你的網站更生動 大家好！今天是 IT 鐵人賽的第三十天，真不知不覺我們已經走到了終點！這段旅程有很多調皮又溫馨的記憶，而今天我們要終於來做一個...
用工具型別定義每個回應情境，讓程式碼更可靠 各位開發小夥伴們，有沒有覺得每次處理 API 回應時都像是在猜謎一樣？ 總是不確定回應裡到底會有什麼參數，每次都要...
防抖和節流函式是前端常見的效能優化的技巧，透過這兩個函式可以有效的減少函式被觸發的次數，達到效能優化的目的。 debounce 防抖函式 防抖函式的作用是在一段...
定義陣列 做一個上下切換的文字牆 定義陣列內容 const Arr = ["你好嗎???", "我是XXXX", &qu...
TypeScript 進階版大修煉，開課囉！🎉 準備好來點進階魔法了嗎？今天要帶大家一窺 TypeScript 型別系統的深邃奧秘！從可變元組到神祕的 Opa...
jerrythepotato
Monica
戴均民
Sunny.Cat
Ashley
iThome鐵人賽
看影片追技術